<template>
  <div>
    <button
      v-for="page in total"
      :key="page"
      :class="page === value ? 'active' : ''"
      @click="$emit('input', page)"
    >
      {{ page }}
    </button>
  </div>
</template>

<script>
export default {
  name: "Pagination",
  props: ["total", "value"],
};
</script>

<style>
.active {
  background-color: red;
}
</style>
